<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--IE setter 设置IE以何种方式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <!--response setter 设置响应式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>about me</title>
    <link rel="stylesheet" href="http://necolas.github.io/normalize.css/">
    <link rel="stylesheet" href="about_me.css">
</head>
<body>
<!--左边-->
<div class="left">
    <div class="bgimg"></div>
</div>
<!--右边-->
<div class="right">
    <div class="header">
      <h1 class="title">01叔</h1>
      <p class="sub">iiiiii</p>
      <a href="about_me.html" target="_blank" class="button">read my blog</a>
    </div>
    <div class="photos">
       <div class="row">
           <div class="col l6 s12">
               <img src="https://images.unsplash.com/photo-1446797376004-9352dfc9f789?ixlib=rb-0.3.5&s=ccee8b6a2a8b64495e5c5899f38938d4&auto=format&fit=crop&w=500&q=60" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1067" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1064" alt="摄影">
               <img src="https://images.unsplash.com/photo-1463171379579-3fdfb86d6285?ixlib=rb-0.3.5&s=32c614fda51314133a608145f4295a84&auto=format&fit=crop&w=500&q=60" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1057" alt="摄影">
               <img src="https://picsum.photos/458/354?image=182" alt="摄影">
               <img src="https://picsum.photos/458/354?image=189" alt="摄影">

           </div>
           <div class="col l6 s12">
               <img src="https://picsum.photos/458/354?image=1054" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1049" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1042" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1039" alt="摄影">
               <img src="https://images.unsplash.com/photo-1448357019934-caa4696bb949?ixlib=rb-0.3.5&s=0915d91fca74bcb217558ead0aa8ca38&auto=format&fit=crop&w=500&q=60" alt="摄影">
               <img src="https://picsum.photos/458/354?image=1015" alt="摄影">
           </div>
       </div>
    </div>
    <div class="about">
        <h3>关于我</h3>
        <hr>
        <p class="info">关于我</p>
    </div>
</div>
</body>
</html>